<template>
  <div class="page-box">
    <dataList
      placeholder="请输入合同名称"
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectionList"
      searchName="projectName"
      :menuList="[{test:'回收押金'},'export']"
      :filterList="filterList"
      @menu-click="handleMenuClick"
      openSelection
    >
      <el-table :data="tableData" align="center" @selection-change="$event => (selectionList = $event)">
        <el-table-column width="60px" fixed type="selection"></el-table-column>
        <el-table-column label="合同名称" align="center" prop="lessorContractName" width="120"></el-table-column>
        <el-table-column label="客户名称" align="center" prop="customerName" width="120"></el-table-column>
        <el-table-column label="收款项目" align="center" prop="chargeProjectName" width="200"></el-table-column>
        <el-table-column label="实收日期" align="center" :formatter="dateFormat" prop="collectionTime" width="100"></el-table-column>
        <el-table-column label="实收金额(元)" align="center" prop="collectionAmount" width="100"></el-table-column>
        <el-table-column label="实收创建人" align="center" prop="createName" width="100"></el-table-column>
      </el-table>
    </dataList>
    <edit-refund ref="editRefund" @resetList="getListData" @handleClose="handleClose" v-if="editDataShow" @beforeClose="handleClose"></edit-refund>
  </div>
</template>

<script src="./index.js"></script>
<style scoped lang="scss">
@import "./index";
</style>

